<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）

export default {
  name: "Content",
  components: {},
  // 定义属性
  data() {
    return {};
  },
  props: {
    contentArr: {
      type: Array,
      default: function () {
        return [];
      },
    },
  },
  mounted() {
    // console.log(this.contentArr[0].child.$slots.default);
  },
  //--------render函数-------
  render() {
    //高亮显示：ele.child.num / index
    return (
      <div>
        {this.contentArr.map((ele) => {
          return (
            <div
              style={{
                display: ele.child.num == ele.child.index ? "block" : "none",
              }}
            >
              {ele.child.$slots.default}
            </div>
          );
        })}
      </div>
    );
  },
};
</script>

<style scoped></style>
